<!DOCTYPE html>
<html lang="en">
<head>
    <title>Home</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Your description">
    <meta name="keywords" content="Your keywords">
    <meta name="author" content="Your name">

    <link href="css/bootstrap.css" rel="stylesheet">
    <link href="css/font-awesome.css" rel="stylesheet">
    <link href="css/animate.css" rel="stylesheet">
    <link href="css/select2.css" rel="stylesheet">
    <link href="css/smoothness/jquery-ui-1.10.0.custom.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">

    <script src="js/jquery.js"></script>
    <script src="js/jquery-ui.js"></script>
    <script src="js/jquery-migrate-1.2.1.min.js"></script>
    <script src="js/jquery.easing.1.3.js"></script>
    <script src="js/superfish.js"></script>

    <script src="js/select2.js"></script>

    <script src="js/jquery.parallax-1.1.3.resize.js"></script>

    <script src="js/SmoothScroll.js"></script>

    <script src="js/jquery.appear.js"></script>

    <script src="js/jquery.caroufredsel.js"></script>
    <script src="js/jquery.touchSwipe.min.js"></script>

    <script src="js/jquery.ui.totop.js"></script>

    <script src="js/script.js"></script>

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="js/html5shiv.min.js"></script>
    <script src="js/respond.min.js"></script>
    <![endif]-->
</head>
<body class="front">
<style>
    .overlay {
        position: fixed;
        z-index: 1000;
        width: 300px;
        height: 200px;
        bottom: 10px;
        right: 10px;
        opacity: 0.8;
        overflow: hidden;
        background-color: #fff;
        border: 1px solid #ccc;
        border-radius: 6px;
        padding: 10px;
    }
</style>
<div class="overlay" id="overlay" style="display: none;">
    <a href="#" class="close" onclick="$('#overlay').fadeOut()"><span aria-hidden="true">&times;</span></a>
    <div id="msg-content"></div>
</div>
<script type="text/javascript" src="http://cdn-hangzhou.goeasy.io/goeasy.js"></script>

<script type="text/javascript">
//    var socket;
//    if (typeof(WebSocket) == "undefined") {
//        alert("您的浏览器不支持WebSocket");
//    }
    $(function () {
        //$("#msg-content").html("Hello World");
        //$("#overlay").fadeIn();
        var goEasy = new GoEasy({
            appkey: 'BS-97f219380c414d4388f3bdc865fef538'
        });
        goEasy.subscribe({
            channel: 'demo_channel',
            onMessage: function (message) {
                $("#msg-content").html(message.content);
                $("#overlay").fadeIn();
            }
        });

    })
    //GoEasy-OTP可以对appkey进行有效保护，详情请参考：GoEasy-Reference
</script>

<div id="main">

    <div class="top1_wrapper">
        <div class="container">
            <div class="top1 clearfix">
                <div class="email1"><a href="#">yangy945@qq.com</a></div>
                <div class="phone1">+159 7919 4321</div>
                <div class="social_wrapper">
                    <ul class="social clearfix">
                        <li><a href="#" data-toggle="modal" data-target="#loginModalbox">登录</a>
                            <!-- Modal -->
                            <div class="modal fade kd-loginbox" id="loginModalbox" tabindex="-1" role="dialog"
                                 aria-labelledby="myModalLabel" aria-hidden="true">
                                <div class="modal-dialog">
                                    <div class="modal-content">
                                        <div class="modal-body">
                                            <a href="#" class="close" data-dismiss="modal" aria-label="Close"><span
                                                    aria-hidden="true">&times;</span></a>
                                            <div class="kd-login-title">
                                                <div class="kd-login-sepratore"><span>登录</span></div>
                                            </div>
                                            <form>
                                                <p><i class="fa fa-envelope-o"></i> <input type="text" placeholder="邮箱">
                                                </p>
                                                <p><i class="fa fa-lock"></i> <input type="password" placeholder="密码">
                                                </p>
                                                <p><input type="submit" value="马上登录" class="thbg-color"></p>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <a href="#" data-toggle="modal" data-target="#registerModalbox">注册</a>
                            <div class="modal fade kd-loginbox" id="registerModalbox" tabindex="-1" role="dialog"
                                 aria-labelledby="myModalLabel" aria-hidden="true">
                                <div class="modal-dialog">
                                    <div class="modal-content">
                                        <div class="modal-body">
                                            <a href="#" class="close" data-dismiss="modal" aria-label="Close"><span
                                                    aria-hidden="true">&times;</span></a>
                                            <div class="kd-login-title">
                                                <div class="kd-login-sepratore"><span>注册</span></div>
                                            </div>
                                            <form>
                                                <p><i class="fa fa-envelope-o"></i> <input type="text" placeholder="邮箱">
                                                </p>
                                                <p><i class="fa fa-lock"></i> <input type="password" placeholder="密码">
                                                </p>
                                                <p><i class="fa fa-lock"></i> <input type="password" placeholder="确认密码">
                                                </p>
                                                <p><input type="submit" value="立即注册" class="thbg-color"></p>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="lang1">
                    <div class="dropdown">
                        <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1"
                                data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">简体中文<span
                                class="caret"></span>
                        </button>
                        <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
                            <li><a class="ge" href="#">German</a></li>
                            <li><a class="en" href="#">English</a></li>
                            <li><a class="ru" href="#">Russian</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="top2_wrapper">
        <div class="container">
            <div class="top2 clearfix">
                <header>
                    <div class="logo_wrapper">
                        <a href="index.html" class="logo">
                            <img src="images/logo.png" alt="" class="img-responsive">
                        </a>
                    </div>
                </header>
                <div class="navbar navbar_ navbar-default">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                            data-target=".navbar-collapse">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <div class="navbar-collapse navbar-collapse_ collapse">
                        <ul class="nav navbar-nav sf-menu clearfix">
                            <li><a href="index.html">首页</a></li>
							<li><a href="about.html">关于我们</a></li>
							<li><a href="gallery.html">旅游图册</a></li>
                            <li><a href="hotels.html">酒店</a></li>
                            <li><a href="contacts.html">联系我们</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div id="slider_wrapper">
        <div class="container">
            <div id="slider_inner">
                <div class="">
                    <div id="slider">

                        <div class="">
                            <div class="carousel-box">
                                <div class="inner">
                                    <div class="carousel main">
                                        <ul>
                                            <li>
                                                <div class="slider">
                                                    <div class="slider_inner">
                                                        <div class="txt1"><span>欢迎光临</span></div>
                                                        <div class="txt2"><span>旅游攻略</span></div>
                                                        <div class="txt3"><span>Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod.</span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="slider">
                                                    <div class="slider_inner">
                                                        <div class="txt1"><span>7天旅游</span></div>
                                                        <div class="txt2"><span>美妙的普罗旺斯</span></div>
                                                        <div class="txt3"><span>Lorem ipsum dolor eleifend option congue nihil imperdiet doming id quod.</span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="slider">
                                                    <div class="slider_inner">
                                                        <div class="txt1"><span>5天游</span></div>
                                                        <div class="txt2"><span>巴黎(世界之都)</span></div>
                                                        <div class="txt3"><span>Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod.</span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="slider_pagination"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div id="front_tabs">
        <div class="container">
            <div class="tabs_wrapper tabs1_wrapper">
                <div class="tabs tabs1">
                    <div class="tabs_tabs tabs1_tabs">

                        <ul>
                            <li class="active flights"><a href="#tabs-1">航班</a></li>
                            <li class="hotels"><a href="#tabs-2">酒店</a></li>
                            <li class="cars"><a href="#tabs-3">约车</a></li>
                            <li class="cruises"><a href="#tabs-4">游轮</a></li>
                        </ul>

                    </div>
                    <div class="tabs_content tabs1_content">

                        <div id="tabs-1">
                            <form action="javascript:;" class="form1">
                                <div class="row">
                                    <div class="col-sm-4 col-md-2">
                                        <div class="select1_wrapper">
                                            <label>出发城市:</label>
                                            <div class="select1_inner">
                                                <select class="select2 select" style="width: 100%">
                                                    <option value="1">城市或机场</option>
                                                    <option value="2">上海</option>
                                                    <option value="3">北京</option>
                                                    <option value="4">广东</option>
                                                    <option value="5">成都</option>
                                                    <option value="6">深圳</option>
                                                    <option value="7">昆明</option>
                                                    <option value="8">武汉</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-sm-4 col-md-2">
                                        <div class="select1_wrapper">
                                            <label>到达城市:</label>
                                            <div class="select1_inner">
                                                <select class="select2 select" style="width: 100%">
                                                    <option value="1">城市或机场</option>
                                                    <option value="2">纽约</option>
                                                    <option value="3">巴黎</option>
                                                    <option value="4">普罗旺斯</option>
                                                    <option value="5">东京</option>
                                                    <option value="6">首尔</option>
                                                    <option value="7">华盛顿</option>
                                                    <option value="8">新加坡</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-sm-4 col-md-2">
                                        <div class="input1_wrapper">
                                            <label>出发日期:</label>
                                            <div class="input1_inner">
                                                <input type="text" class="input datepicker" value="月/日/年">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-sm-4 col-md-2">
                                        <div class="input1_wrapper">
                                            <label>返回日期:</label>
                                            <div class="input1_inner">
                                                <input type="text" class="input datepicker" value="月/日/年">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-sm-4 col-md-1">
                                        <div class="select1_wrapper">
                                            <label>成人:</label>
                                            <div class="select1_inner">
                                                <select class="select2 select select3" style="width: 100%">
                                                    <option value="1">1</option>
                                                    <option value="2">2</option>
                                                    <option value="3">3</option>
                                                    <option value="4">4</option>
                                                    <option value="5">5</option>
                                                    <option value="6">6</option>
                                                    <option value="7">7</option>
                                                    <option value="8">8</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-sm-4 col-md-1">
                                        <div class="select1_wrapper">
                                            <label>小孩:</label>
                                            <div class="select1_inner">
                                                <select class="select2 select select3" style="width: 100%">
                                                    <option value="1">1</option>
                                                    <option value="2">2</option>
                                                    <option value="3">3</option>
                                                    <option value="4">4</option>
                                                    <option value="5">5</option>
                                                    <option value="6">6</option>
                                                    <option value="7">7</option>
                                                    <option value="8">8</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-sm-4 col-md-2">
                                        <div class="button1_wrapper">
                                            <button type="submit" class="btn-default btn-form1-submit">搜索</button>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                        <div id="tabs-2">
                            <form action="javascript:;" class="form1">
                                <div class="row">
                                    <div class="col-sm-4 col-md-4">
                                        <div class="select1_wrapper">
                                            <label>城市或酒店名称:</label>
                                            <div class="select1_inner">
                                                <select class="select2 select" style="width: 100%">
                                                    <option value="1">输入目的地或酒店名称</option>
                                                    <option value="2">古韵堂韩屋民宿</option>
                                                    <option value="3">浪漫马库斯图姆酒店</option>
                                                    <option value="4">伽尼·库普法佐弗酒店</option>
                                                    <option value="5">伯格弗里德旅馆</option>
                                                    <option value="6">阿罗哈胶囊旅馆 </option>
                                                    <option value="7">雅典卫城</option>
                                                    <option value="8">五渔村</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-sm-4 col-md-2">
                                        <div class="input1_wrapper">
                                            <label>入住日期:</label>
                                            <div class="input1_inner">
                                                <input type="text" class="input datepicker" value="月/日/年">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-sm-4 col-md-2">
                                        <div class="input1_wrapper">
                                            <label>离店日期:</label>
                                            <div class="input1_inner">
                                                <input type="text" class="input datepicker" value="月/日/年">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-sm-4 col-md-2">
                                        <div class="select1_wrapper">
                                            <label>房间:</label>
                                            <div class="select1_inner">
                                                <select class="select2 select" style="width: 100%">
                                                    <option value="1">  1 </option>
													<option value="3">  2 </option>
                                                    <option value="3">  3 </option>
													<option value="3">  4 </option>
                                                    <option value="5">  5 </option>
                                                    <option value="6">  6 </option>
                                                    <option value="7">  7 </option>
                                                    <option value="8">  8 </option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-sm-4 col-md-2">
                                        <div class="button1_wrapper">
                                            <button type="submit" class="btn-default btn-form1-submit">搜索</button>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                        <div id="tabs-3">
                            <form action="javascript:;" class="form1">
                                <div class="row">
                                    <div class="col-sm-4 col-md-2">
                                        <div class="select1_wrapper">
                                            <label>国家:</label>
                                            <div class="select1_inner">
                                                <select class="select2 select" style="width: 100%">
                                                    <option value="1">请选择</option>
                                                    <option value="2">美国</option>
                                                    <option value="3">日本</option>
                                                    <option value="3">韩国</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-sm-4 col-md-2">
                                        <div class="select1_wrapper">
                                            <label>城市:</label>
                                            <div class="select1_inner">
                                                <select class="select2 select" style="width: 100%">
                                                    <option value="1">请选择</option>
                                                    <option value="2">纽约</option>
                                                    <option value="3">东京</option>
                                                    <option value="4">首尔</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-sm-4 col-md-2">
                                        <div class="select1_wrapper">
                                            <label>地点:</label>
                                            <div class="select1_inner">
                                                <select class="select2 select" style="width: 100%">
                                                    <option value="1">请选择</option>
                                                    <option value="2">范德堡基督教青年旅舍</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-sm-4 col-md-2">
                                        <div class="input1_wrapper">
                                            <label>开始时间:</label>
                                            <div class="input1_inner">
                                                <input type="text" class="input datepicker" value="月/日/年">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-sm-4 col-md-2">
                                        <div class="input1_wrapper">
                                            <label>结束时间:</label>
                                            <div class="input1_inner">
                                                <input type="text" class="input datepicker" value="月/日/年">
                                            </div>
                                        </div>
                                    </div>


                                    <div class="col-sm-4 col-md-2">
                                        <div class="button1_wrapper">
                                            <button type="submit" class="btn-default btn-form1-submit">搜索</button>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                        <div id="tabs-4">
                            <form action="javascript:;" class="form1">
                                <div class="row">
                                    <div class="col-sm-4 col-md-2">
                                        <div class="select1_wrapper">
                                            <label>目的地:</label>
                                            <div class="select1_inner">
                                                <select class="select2 select" style="width: 100%">
                                                    <option value="1">所有目的地</option>
                                                    <option value="2">罗滕堡</option>
                                                    <option value="3">海德堡</option>
                                                    <option value="4">哈尔施塔特</option>
                                                    <option value="5">仙本那</option>
                                                    <option value="6">新加坡</option>
                                                    <option value="7">纽约</option>
                                                    <option value="8">大阪</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-sm-4 col-md-2">
                                        <div class="select1_wrapper">
                                            <label>出发:</label>
                                            <div class="select1_inner">
                                                <select class="select2 select" style="width: 100%">
                                                    <option value="1">所有出发点</option>
                                                    <option value="2">罗滕堡</option>
                                                    <option value="3">海德堡</option>
                                                    <option value="4">哈尔施塔特</option>
                                                    <option value="5">仙本那</option>
                                                    <option value="6">新加坡</option>
                                                    <option value="7">纽约</option>
                                                    <option value="8">大阪</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-sm-4 col-md-2">
                                        <div class="input1_wrapper">
                                            <label>开始时间:</label>
                                            <div class="input1_inner">
                                                <input type="text" class="input datepicker" value="开始月份">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-sm-4 col-md-2">
                                        <div class="input1_wrapper">
                                            <label>结束日期:</label>
                                            <div class="input1_inner">
                                                <input type="text" class="input datepicker" value="结束月份">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-sm-4 col-md-2">
                                        <div class="select1_wrapper">
                                            <label>游轮:</label>
                                            <div class="select1_inner">
                                                <select class="select2 select" style="width: 100%">
                                                    <option value="1">所有游轮</option>
                                                    <option value="2">长乐公主号</option>
                                                    <option value="3">星梦游轮探索梦号</option>
                                                    <option value="4">皇家加勒比海量子号</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>


                                    <div class="col-sm-4 col-md-2">
                                        <div class="button1_wrapper">
                                            <button type="submit" class="btn-default btn-form1-submit">搜索</button>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>


    <div id="popular_cruises1">
        <div class="container">

            <h2 class="animated">热门推荐</h2>
            <br>

            <div id="popular_wrapper" class="animated" data-animation="fadeIn" data-animation-delay="300">
                <div id="popular_inner">
                    <div class="">
                        <div id="popular">
                            <div class="">
                                <div class="carousel-box">
                                    <div class="inner">
                                        <div class="carousel main">
                                            <ul>
                                                <li>
                                                    <div class="popular">
                                                        <div class="popular_inner">
                                                            <figure>
                                                                <img src="images/popular01.jpg" alt=""
                                                                     class="img-responsive">
                                                                <div class="over">
                                                                    <div class="v1">长乐公主号 <span>17小时航程</span>
                                                                    </div>
                                                                    <div class="v2">悠闲快乐之旅
                                                                    </div>
                                                                </div>
                                                            </figure>
                                                            <div class="caption">
                                                                <div class="txt1"><span>长乐公主号</span> 17小时航程
                                                                </div>
                                                                <div class="txt2">“长乐公主”号邮轮房型有豪华海景套房，豪华海景房，内舱豪华客房，此外还有多元化娱乐休闲场所和服务设施。
                                                                </div>
                                                                <div class="txt3 clearfix">
                                                                    <div class="left_side">
                                                                        <div class="stars1">
                                                                            <img src="images/star1.png" alt="">
                                                                            <img src="images/star1.png" alt="">
                                                                            <img src="images/star1.png" alt="">
                                                                            <img src="images/star1.png" alt="">
                                                                            <img src="images/star2.png" alt="">
                                                                        </div>
                                                                        <div class="nums">- 18 评论</div>
                                                                    </div>
                                                                    <div class="right_side">
																	<a href="#" class="btn-default btn1">查看全部</a></div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </li>
                                                <li>
                                                    <div class="popular">
                                                        <div class="popular_inner">
                                                            <figure>
                                                                <img src="images/popular02.jpg" alt=""
                                                                     class="img-responsive">
                                                                <div class="over">
                                                                    <div class="v1">皇家加勒比海洋量子号
                                                                        <span>10小时航程</span></div>
                                                                    <div class="v2">豪华梦幻之旅
                                                                    </div>
                                                                </div>
                                                            </figure>
                                                            <div class="caption">
                                                                <div class="txt1"><span>皇家加勒比海洋量子号</span> 10小时航程
                                                                </div>
                                                                <div class="txt2">梦幻之旅，从此起航
                                                                </div>
                                                                <div class="txt3 clearfix">
                                                                    <div class="left_side">
                                                                        <div class="stars1">
                                                                            <img src="images/star1.png" alt="">
                                                                            <img src="images/star1.png" alt="">
                                                                            <img src="images/star1.png" alt="">
                                                                            <img src="images/star1.png" alt="">
                                                                            <img src="images/star1.png" alt="">
                                                                        </div>
                                                                        <div class="nums">- 168 评论</div>
                                                                    </div>
                                                                    <div class="right_side"><a href="#"
                                                                                               class="btn-default btn1">查看全部</a></div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </li>
                                                <li>
                                                    <div class="popular">
                                                        <div class="popular_inner">
                                                            <figure>
                                                                <img src="images/popular03.jpg" alt=""
                                                                     class="img-responsive">
                                                                <div class="over">
                                                                    <div class="v1">星梦邮轮探索梦号 <span>6小时航程</span>
                                                                    </div>
                                                                    <div class="v2">寻梦，幻想
                                                                    </div>
                                                                </div>
                                                            </figure>
                                                            <div class="caption">
                                                                <div class="txt1"><span>星梦邮轮探索梦号</span> 6小时航程</div>
                                                                <div class="txt2">寻梦之旅，由此开始幻想
                                                                </div>
                                                                <div class="txt3 clearfix">
                                                                    <div class="left_side">
                                                                        <div class="stars1">
                                                                            <img src="images/star1.png" alt="">
                                                                            <img src="images/star1.png" alt="">
                                                                            <img src="images/star1.png" alt="">
                                                                            <img src="images/star1.png" alt="">
                                                                            <img src="images/star2.png" alt="">
                                                                        </div>
                                                                        <div class="nums">- 16 评论</div>
                                                                    </div>
                                                                    <div class="right_side"><a href="#"
                                                                                               class="btn-default btn1">查看全部</a></div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </li>
                                                <li>
                                                    <div class="popular">
                                                        <div class="popular_inner">
                                                            <figure>
                                                                <img src="images/popular01.jpg" alt=""
                                                                     class="img-responsive">
                                                                <div class="over">
                                                                    <div class="v1">长乐公主号 <span>17小时航程</span>
                                                                    </div>
                                                                    <div class="v2">悠闲快乐之旅
                                                                    </div>
                                                                </div>
                                                            </figure>
                                                            <div class="caption">
                                                                <div class="txt1"><span>长乐公主号</span> 17小时航程
                                                                </div>
                                                                <div class="txt2">“长乐公主”号邮轮房型有豪华海景套房，豪华海景房，内舱豪华客房，此外还有多元化娱乐休闲场所和服务设施。
                                                                </div>
                                                                <div class="txt3 clearfix">
                                                                    <div class="left_side">
                                                                        <div class="stars1">
                                                                            <img src="images/star1.png" alt="">
                                                                            <img src="images/star1.png" alt="">
                                                                            <img src="images/star1.png" alt="">
                                                                            <img src="images/star1.png" alt="">
                                                                            <img src="images/star2.png" alt="">
                                                                        </div>
                                                                        <div class="nums">- 18 评论</div>
                                                                    </div>
                                                                    <div class="right_side"><a href="#"
                                                                                               class="btn-default btn1">查看全部</a></div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </li>
                                                <li>
                                                    <div class="popular">
                                                        <div class="popular_inner">
                                                            <figure>
                                                                <img src="images/popular02.jpg" alt=""
                                                                     class="img-responsive">
                                                                <div class="over">
                                                                    <div class="v1">皇家加勒比海洋量子号
                                                                        <span>10小时航程</span></div>
                                                                        <div class="v2">豪华梦幻之旅
                                                                        </div>
                                                                </div>
                                                            </figure>
                                                            <div class="caption">
                                                                <div class="txt1"><span>皇家加勒比海洋量子号</span> 10小时航程
                                                                </div>
                                                                <div class="txt2">梦幻之旅，从此起航
                                                                </div>
                                                                <div class="txt3 clearfix">
                                                                    <div class="left_side">
                                                                        <div class="stars1">
                                                                            <img src="images/star1.png" alt="">
                                                                            <img src="images/star1.png" alt="">
                                                                            <img src="images/star1.png" alt="">
                                                                            <img src="images/star1.png" alt="">
                                                                            <img src="images/star1.png" alt="">
                                                                        </div>
                                                                        <div class="nums">- 168 评论</div>
                                                                    </div>
                                                                    <div class="right_side"><a href="#"
                                                                                               class="btn-default btn1">查看全部</a></div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </li>
                                                <li>
                                                    <div class="popular">
                                                        <div class="popular_inner">
                                                            <figure>
                                                                <img src="images/popular03.jpg" alt=""
                                                                     class="img-responsive">
                                                                <div class="over">
                                                                    <div class="v1">星梦邮轮探索梦号 <span>6小时</span>
                                                                    </div>
                                                                    <div class="v2">寻梦，幻想
                                                                    </div>
                                                                </div>
                                                            </figure>
                                                            <div class="caption">
                                                                <div class="txt1"><span>星梦邮轮探索梦号</span> 6小时航线</div>
                                                                <div class="txt2">寻梦之旅，由此起航
                                                                </div>
                                                                <div class="txt3 clearfix">
                                                                    <div class="left_side">
                                                                        <div class="stars1">
                                                                            <img src="images/star1.png" alt="">
                                                                            <img src="images/star1.png" alt="">
                                                                            <img src="images/star1.png" alt="">
                                                                            <img src="images/star1.png" alt="">
                                                                            <img src="images/star2.png" alt="">
                                                                        </div>
                                                                        <div class="nums">- 16 评论</div>
                                                                    </div>
                                                                    <div class="right_side"><a href="#"
                                                                                               class="btn-default btn1">查看全部</a></div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </li>


                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="popular_pagination"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="container">
            <h2 class="animated">本季畅销</h2>
            <br>
            <div class="row">
                <div class="col-sm-4">
                    <div class="thumb5">
                        <div class="thumbnail clearfix">
                            <figure>
                                <img src="images/hotels01.jpg" alt="" class="img-responsive">
                                <div class="over">
                                    <div class="v1">温德姆纽约客酒店 <span>6.9 评分</span>
                                    </div>
                                    <div class="v2">双人标准间</div>
                                </div>
                            </figure>
                            <div class="caption">
                                <div class="txt1">温德姆纽约客酒店</div>
                                <div class="txt2">双人标准间</div>
                                <div class="txt3 clearfix">
                                    <div class="left_side">
                                        <div class="price">$250.00</div>
                                        <div class="stars2">
                                            <img src="images/star1.png" alt="">
                                            <img src="images/star1.png" alt="">
                                            <img src="images/star1.png" alt="">
                                            <img src="images/star1.png" alt="">
                                            <img src="images/star3.png" alt="">
                                        </div>
                                    </div>
                                    <div class="right_side"><a href="#"
                                                               class="btn-default btn1">Details</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-4">
                    <div class="thumb5">
                        <div class="thumbnail clearfix">
                            <figure>
                                <img src="images/hotels02.jpg" alt="" class="img-responsive">
                                <div class="over">
                                    <div class="v1">世界大酒店 <span>6.9 评分</span>
                                    </div>
                                    <div class="v2">双人标准间</div>
                                </div>
                            </figure>
                            <div class="caption">
                                <div class="txt1">世界大酒店</div>
                                <div class="txt2">双人标准间</div>
                                <div class="txt3 clearfix">
                                    <div class="left_side">
                                        <div class="price">$349.00</div>
                                        <div class="stars2">
                                            <img src="images/star1.png" alt="">
                                            <img src="images/star1.png" alt="">
                                            <img src="images/star1.png" alt="">
                                            <img src="images/star1.png" alt="">
                                            <img src="images/star3.png" alt="">
                                        </div>
                                    </div>
                                    <div class="right_side"><a href="#"
                                                               class="btn-default btn1">Details</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-4">
                    <div class="thumb5">
                        <div class="thumbnail clearfix">
                            <figure>
                                <img src="images/hotels03.jpg" alt="" class="img-responsive">
                                <div class="over">
                                    <div class="v1">威豪蒂里特酒店
                                        <span>6.9 评分</span></div>
                                    <div class="v2">双人标准间</div>
                                </div>
                            </figure>
                            <div class="caption">
                                <div class="txt1">威豪蒂里特酒店</div>
                                <div class="txt2">双人标准间</div>
                                <div class="txt3 clearfix">
                                    <div class="left_side">
                                        <div class="price">$360.00</div>
                                        <div class="stars2">
                                            <img src="images/star1.png" alt="">
                                            <img src="images/star1.png" alt="">
                                            <img src="images/star1.png" alt="">
                                            <img src="images/star1.png" alt="">
                                            <img src="images/star3.png" alt="">
                                        </div>
                                    </div>
                                    <div class="right_side"><a href="#"
                                                               class="btn-default btn1">Details</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
				<div class="col-sm-12"><div class="hl1"></div></div>
                <div class="col-sm-4">
                    <div class="thumb5">
                        <div class="thumbnail clearfix">
                            <figure>
                                <img src="images/hotels01.jpg" alt="" class="img-responsive">
                                <div class="over">
                                    <div class="v1">温德姆纽约客酒店 <span>6.9 评分</span>
                                    </div>
                                    <div class="v2">双人标准间</div>
                                </div>
                            </figure>
                            <div class="caption">
                                <div class="txt1">温德姆纽约客酒店</div>
                                <div class="txt2">双人标准间</div>
                                <div class="txt3 clearfix">
                                    <div class="left_side">
                                        <div class="price">$250.00</div>
                                        <div class="stars2">
                                            <img src="images/star1.png" alt="">
                                            <img src="images/star1.png" alt="">
                                            <img src="images/star1.png" alt="">
                                            <img src="images/star1.png" alt="">
                                            <img src="images/star3.png" alt="">
                                        </div>
                                    </div>
                                    <div class="right_side"><a href="#"
                                                               class="btn-default btn1">Details</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-4">
                    <div class="thumb5">
                        <div class="thumbnail clearfix">
                            <figure>
                                <img src="images/hotels02.jpg" alt="" class="img-responsive">
                                <div class="over">
                                    <div class="v1">世界大酒店 <span>6.9 评分</span>
                                    </div>
                                    <div class="v2">双人标准间</div>
                                </div>
                            </figure>
                            <div class="caption">
                                <div class="txt1">世界大酒店</div>
                                <div class="txt2">双人标准间</div>
                                <div class="txt3 clearfix">
                                    <div class="left_side">
                                        <div class="price">$349.00</div>
                                        <div class="stars2">
                                            <img src="images/star1.png" alt="">
                                            <img src="images/star1.png" alt="">
                                            <img src="images/star1.png" alt="">
                                            <img src="images/star1.png" alt="">
                                            <img src="images/star3.png" alt="">
                                        </div>
                                    </div>
                                    <div class="right_side"><a href="#"
                                                               class="btn-default btn1">Details</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-4">
                    <div class="thumb5">
                        <div class="thumbnail clearfix">
                            <figure>
                                <img src="images/hotels03.jpg" alt="" class="img-responsive">
                                <div class="over">
                                    <div class="v1">威豪蒂里特酒店
                                        <span>6.9 评分</span></div>
                                    <div class="v2">双人标准间</div>
                                </div>
                            </figure>
                            <div class="caption">
                                <div class="txt1">威豪蒂里特酒店</div>
                                <div class="txt2">双人标准间</div>
                                <div class="txt3 clearfix">
                                    <div class="left_side">
                                        <div class="price">$360.00</div>
                                        <div class="stars2">
                                            <img src="images/star1.png" alt="">
                                            <img src="images/star1.png" alt="">
                                            <img src="images/star1.png" alt="">
                                            <img src="images/star1.png" alt="">
                                            <img src="images/star3.png" alt="">
                                        </div>
                                    </div>
                                    <div class="right_side"><a href="#"
                                                               class="btn-default btn1">Details</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="hl1"></div>
        </div>
    </div>
    <div id="parallax1" class="parallax">
        <div class="bg1 parallax-bg"></div>
        <div class="overlay"></div>
        <div class="parallax-content">
            <div class="container">

                <div class="row">
                    <div class="col-sm-10 animated">
                        <div class="txt1">热门推荐</div>
                        <div class="txt2">今年最热门的去处！！！
                        </div>
                        <div class="txt3">发起人: Yangy  <strong>$159.00</strong><span>person</span></div>
                    </div>
                    <div class="col-sm-2 animated">
                        <a href="#" class="btn-default btn0">详情</a>
                    </div>
                </div>

            </div>
        </div>
    </div>

    <div id="partners">
        <div class="container">
            <div class="row">
                <div class="col-sm-4 col-md-2 col-xs-6">
                    <div class="thumb1 animated">
                        <div class="thumbnail clearfix">
                            <a href="#">
                                <figure>
                                    <img src="images/partner1.jpg" alt="" class="img1 img-responsive">
                                    <img src="images/partner1_hover.jpg" alt="" class="img2 img-responsive">
                                </figure>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="col-sm-4 col-md-2 col-xs-6">
                    <div class="thumb1 animated">
                        <div class="thumbnail clearfix">
                            <a href="#">
                                <figure>
                                    <img src="images/partner2.jpg" alt="" class="img1 img-responsive">
                                    <img src="images/partner2_hover.jpg" alt="" class="img2 img-responsive">
                                </figure>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="col-sm-4 col-md-2 col-xs-6">
                    <div class="thumb1 animated">
                        <div class="thumbnail clearfix">
                            <a href="#">
                                <figure>
                                    <img src="images/partner3.jpg" alt="" class="img1 img-responsive">
                                    <img src="images/partner3_hover.jpg" alt="" class="img2 img-responsive">
                                </figure>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="col-sm-4 col-md-2 col-xs-6">
                    <div class="thumb1 animated">
                        <div class="thumbnail clearfix">
                            <a href="#">
                                <figure>
                                    <img src="images/partner4.jpg" alt="" class="img1 img-responsive">
                                    <img src="images/partner4_hover.jpg" alt="" class="img2 img-responsive">
                                </figure>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="col-sm-4 col-md-2 col-xs-6">
                    <div class="thumb1 animated">
                        <div class="thumbnail clearfix">
                            <a href="#">
                                <figure>
                                    <img src="images/partner5.jpg" alt="" class="img1 img-responsive">
                                    <img src="images/partner5_hover.jpg" alt="" class="img2 img-responsive">
                                </figure>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="col-sm-4 col-md-2 col-xs-6">
                    <div class="thumb1 animated">
                        <div class="thumbnail clearfix">
                            <a href="#">
                                <figure>
                                    <img src="images/partner6.jpg" alt="" class="img1 img-responsive">
                                    <img src="images/partner6_hover.jpg" alt="" class="img2 img-responsive">
                                </figure>
                            </a>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>

    <div class="bot1_wrapper">
        <div class="container">
            <div class="row">
                <div class="col-sm-3">
                    <div class="logo2_wrapper">
                        <a href="index.html" class="logo2">
                            <img src="images/logo2.png" alt="" class="img-responsive">
                        </a>
                    </div>
                    <p>
                        视野旅游网，以“一起去旅游”为行动指南，意在打造一个开心快乐的旅游平台
                    </p>
                    <p>
                        <a href="#" class="btn-default btn2">Read More</a>
                    </p>
                </div>
                <div class="col-sm-3">
                    <div class="bot1_title">旅游指导</div>
                    <ul class="ul1">
                        <li><a href="#">待加入</a></li>
                    </ul>

                    <div class="social2_wrapper">
                        <ul class="social2 clearfix">
                            <li class="nav1"><a href="#"></a></li>
                            <li class="nav2"><a href="#"></a></li>
                            <li class="nav3"><a href="#"></a></li>
                            <li class="nav4"><a href="#"></a></li>
                            <li class="nav5"><a href="#"></a></li>
                            <li class="nav6"><a href="#"></a></li>
                        </ul>
                    </div>

                </div>
                <div class="col-sm-3">
                    <div class="bot1_title">我们的推荐</div>
                    <div class="twits1">
                        <div class="twit1">
                            <a href="#"> @travel</a> 普罗旺斯，美妙的旅途
                            <div class="date">5 minutes ago</div>
                        </div>
                        <div class="twit1">
                            <a href="#">@leo</a> 巴黎圣母院，遗憾至极
                            <div class="date">2 days ago</div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="bot1_title">时事指南</div>
                    <div class="newsletter_block">
                        <div class="txt1">内容不断更新中...</div>
                        <div class="newsletter-wrapper clearfix">
                            <form class="newsletter" action="javascript:;">
                                <input type="text" name="s" value='Email Address'
                                       onBlur="if(this.value=='') this.value='Email Address'"
                                       onFocus="if(this.value =='Email Address' ) this.value=''">
                                <a href="#" class="btn-default btn3">提交</a>
                            </form>
                        </div>
                    </div>
                    <div class="phone2">159 8766 7931</div>
                    <div class="support1"><a href="#">yangy@qq.com</a></div>
                </div>
            </div>
        </div>
    </div>

    <div class="bot2_wrapper">
        <div class="container">
            <div class="left_side">
                Copyright &copy; 2019.Yangyan·Liao.<a target="_blank" href="#"></a>
            </div>
            <div class="right_side"></div>
        </div>
    </div>
</div>
<script src="js/bootstrap.min.js"></script>

</body>
</html>
